<template>
  <div class="container-wrap">

    <Banner :data="data.banners[0]"/>

    <Section title="核心团队" theme="2">
      <div class="section-layout">
        <TdSection :data="data.hexintuandui"/>
      </div>
    </Section>

    <Section title="合作客户" theme="1" padding="70px 30px 80px 30px">
      <div class="section-layout">
        <HzSection :data="data.hezuo"/>
      </div>
    </Section>

    <Section title="企业文化" theme="2" padding="30px 30px 86px">
      <div class="section-layout">
        <QywhSection :data="data.qiyewenhua"/>
      </div>
    </Section>


  </div>
</template>

<script setup>
import Section from "@/components/layout/Section.vue";
import QywhSection from "@/components/sections/Section07.vue";
import TdSection from "@/components/sections/Section06.vue";
import HzSection from "@/components/sections/Section03.vue";
import {ref} from "vue";
import {GetAboutUsData} from "@/service/DataService"
import Banner from "@/components/common/Banner2.vue";
const data = ref({banners: [], hezuo: [], hexintuandui: [], qiyewenhua: {}})
GetAboutUsData().then((res) => data.value = res.data)

</script>

<style>
</style>
